@charset "utf-8";
/* CSS Document */
/*切图：zyjn*/
html{ overflow-x:hidden; overflow-y:auto;}
body{background-color:#fff;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}

.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}

/*首页 */
/*首页顶部*/
.top1Top{width:100%; background-color:#3c434d; text-align: center; line-height: 32px; font-size:14px; color:#fff;}
.top1Top .ico{display:inline-block; width:131px; height: auto; overflow: hidden; line-height: 0; vertical-align: middle; margin-right:1.56%;}
.top1 .logo{width:487px; float:left; margin: 20px 0 0 2.34%;}

.top_lan{float:right; line-height:80px; margin-right:30px;}
.top_lan a{font-size: 16px;color: #4e4e4e;}
.top_lan a:hover{color:#13a3bb;}

.search{ position: relative; float:right; z-index: 100; }
.search .submit{display:block; width:82px; height:82px; position: relative; z-index: 20; background-color:#13a3bb;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0;}
.search .input{width:0; position: absolute; top:0px; right:0px; overflow: hidden; background-color:#13a3bb; padding:26px 0 26px 0;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.search .input input{display:block; width: 198px; height: 30px; line-height: 30px; margin:0 10px ;padding:0 10px; background:rgba(255,255,255,0.2); color:#fff; 
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0; border-radius: 0;}
.search.on .submit{ border-left:1px solid rgba(255,255,255,0.3);}
.search.on .input{width:300px;}

.menu_box{float:right; margin-right:34px;}
.menu{float:left; height:82px;}
.menu .nli{float:left; position: relative; text-align: center; margin-right:30px; height:83px;}
.menu .nli:last-child{margin-right:0;}
.menu .nli span > a{font-size:16px; color:#4e4e4e; display: block; padding:6px 0 8px 0;}
.menu .nli span > a .i1{line-height: 70px; height: 70px; border-bottom:4px solid #fff; box-sizing: border-box;display: block; padding:0 10px;}
.menu .nli:hover span > a .i1{ border-color: #13a3bb;}
.menu .nli.hover span > a .i1{ border-color: #13a3bb;}
.menu .nli:hover span > a {color: #13a3bb;}
.menu .nli.hover span > a {color: #13a3bb;}

.sub{position: absolute; top:82px; left: 50%; width:140px; margin-left:-70px; background-color:rgba(19,163,187,0.58); text-align: center; z-index: 101; display:none;}
.sub a{display:block; font-size:14px; color:#fff;  padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.sub a:hover{ background-color:rgba(11,148,171,0.58)}

@media screen and (max-width:1750px){
	.menu .nli{margin-right:20px;}
}

@media screen and (max-width:1600px){
	.top1 .logo{width:400px; margin-top:24px;}
	.menu .nli{margin-right:16px;}
}
@media screen and (max-width:1500px){
    .top1 .logo{width:300px; margin: 28px 0 0 20px;}
	.menu .nli span > a{font-size:14px;}
	.sub a{font-size:12px;}
	.menu .nli,
	.menu_box{margin-right:8px;}
}
@media screen and (max-width:1270px){
	.top1 .logo{width:300px; margin: 28px 0 0 20px;}
	.top1Top{font-size:12px;}
}
@media screen and (max-width:1199px){
	.search .submit{width:60px; height: 60px;}
	.search .input{padding:0 15px;}
	.menu .nli span > a .i1{height:48px; line-height: 48px;}
	.top1 .logo{margin-top:20px; width:240px}
	.menu .nli,
	.menu_box{margin-right:8px;}
    .top_lan{float:right; line-height:60px; margin-right:15px;}
    .top_lan a{font-size:14px;}
}

/*手机头*/
.top2{ width:100%; background-color:#fff; display: none; z-index: 2000; height: 60px;   position: relative;box-shadow: 0 0px 17px rgba(0,0,0,0.1);}
.top2 .logo{width:240px; height:auto; float:left; margin-top:20px;}

@media screen and (max-width:991px){
    .top2{ display:block;}
	.top1{ display:none;}
	.top_lan{width:100%; text-align:center; line-height:30px; margin-top:15px;}
}

/*下拉*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #13a3bb;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #13a3bb;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.1;*/
}
.xialaph li:first-child h4::after{display:none;}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}

.xialaph h5 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h5.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}

.xialaph .searchP{ margin-top: 15px; height: 35px; border: #dddddd solid 1px; width:100%; float:left;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 33px; height: 33px; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}



.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}


/*banner*/
.pz_banner{clear: both;}
.c_banner{position:relative; overflow: hidden;}
.slide1 .list{position:relative; overflow: hidden;}
.slide1 .list .textOnb2{width:865px; position: absolute; top:45%; left: 35%; height: 531px; margin: -208px 0 0 -160px; 
-webkit-transition: all 1s ease-out 0.2s;
    -moz-transition: all 1s ease-out 0.2s;
    -o-transition: all 1s ease-out 0.2s;
    transition: all 1s ease-out 0.2s;}
.slide1 .list .textOn{width:320px; position: absolute; top:50%; left: 50%; height: 416px; margin: -208px 0 0 -160px; 
-webkit-transition: all 1s ease-out 0.2s;
    -moz-transition: all 1s ease-out 0.2s;
    -o-transition: all 1s ease-out 0.2s;
    transition: all 1s ease-out 0.2s;}

@media screen and (min-width:992px){
	.slide1 .list .textOn{left:0;opacity: 0;}
	.slide1 .slick-active .list .textOn{opacity:1; left: 50%;}
}
.slide1 .slick-dots{width:100%; left: 0; bottom:80px; text-align: center; line-height: 0;}
.slide1 .slick-dots li{display:inline-block; vertical-align: bottom; width:14px; height: 14px; background-color:#fff; margin:0 5px; border-radius: 50%;}
.slide1 .slick-dots li.slick-active{background-color:#13a3bb;}
.slide1 .slick-prev,
.slide1 .slick-next{width:35px; height: 66px;}
.slide1 .slick-prev{background:url(/template/default/images/p2.png) center no-repeat; background-size:100%; left: 5.62%;}
.slide1 .slick-next{background:url(/template/default/images/p3.png) center no-repeat; background-size:100%; right:5.62%;}
.slide1 .slick-prev:hover{background-image:url(/template/default/images/p5.png) ;}
.slide1 .slick-next:hover{background-image:url(/template/default/images/p4.png) ; }
.goDown{width:45px; height: 26px; background:url(/template/default/images/p12.png) center no-repeat; background-size:100%; position: absolute; bottom:20px; left: 50%; margin-left:-22.5px;}
.goDown:hover{background-image:url(/template/default/images/p13.png);}

@media screen and (max-width:1599px){
	.slide1 .list .textOn{width:260px; height: 338px;margin: -169px 0 0 -130px;}
}
@media screen and (max-width:991px){
	.slide1 .slick-dots{bottom:10px;}
    .goDown{display:none;}
    .slide1 .slick-dots li{ width:10px; height: 10px; margin:0 3px;}
}
@media screen and (max-width:767px){
	.slide1 .list .textOn{width:100px; height: 130px;margin: -65px 0 0 -50px;}
}

/*main*/
.index1{padding:100px 0;}
.index1List .list{background-color:#f5f5f5;}
.index1List .pic{width:50%; float:left; overflow: hidden;}
.index1List .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index1List .textRight{margin-left:50%; padding:75px 5.41% 0 8.59%;}
.title{font-weight:bolder; position: relative; z-index: 1;}
.title .H3{font-size:34px; color:#333333; font-family: Arial; text-transform: uppercase; font-weight: bolder; position: relative;}
.title .H3 .ico{width:79px; height: auto;position: absolute; top:5.5px; left:-98px; line-height: 0;}
.title .H4{font-size:30px; color:#333333; margin-top:10px;}
.index1List .p{font-size:16px; line-height: 36px; color:#333333; margin: 30px 0 60px 0; text-align: justify; height: 216px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
.more{text-align:right; display: block; position: relative; z-index: 2; }
.more .span{display:inline-block; font-size:12px; color:rgba(51,51,51,0.5); font-family: Arial; text-transform: uppercase; position: relative; font-weight: bold;}
.more .span::after{width:56px; height: 2px; background-color:rgba(167,167,167,0.5); content:"";position: absolute; top:50%; margin-top:-1px; left:-75px;}
.index1List .list:hover .pic img{
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.index1List .list:hover .more .span{color:#13a3bb;}
.index1List .list:hover .more .span::after{background-color:#13a3bb;}
.more:hover .span{color:#13a3bb;}
.more:hover .span::after{background-color:#13a3bb;}
.index1List .slick-prev,
.index1List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; }
.index1List .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%; left:10px;}
.index1List .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%; right:10px;}
.index1List .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index1List .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index1List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}
.index1List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#d3d3d3; margin:0 5px;}
.index1List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1599px){
	.index1List .textRight{padding:30px 5% 0 5%;}
	.index1List .p{margin:20px 0 40px 0; line-height: 30px; height: 180px;}
	.title{padding-left:90px;}
}
@media screen and (max-width:1199px){
	.index1{padding:50px 0;}
	.title .H3{font-size:28px;}
	.title .H4{font-size:20px;}
	.title .H3 .ico{width:60px; left: -70px; top:4.5px;}
	.title{padding-left:70px;}
	.index1List .p{font-size:14px; line-height: 24px; height: 144px; margin: 18px 0;}
}
@media screen and (max-width:991px){
	.index1List .textRight{padding:10px 10px 0 10px;}
	.index1List .p{-webkit-line-clamp: 4; height:96px;}
	.index1List{padding-bottom:25px;}
}
@media screen and (max-width:767px){
	.index1{padding:20px 0;}
	.index1List .pic{width:100%;}
	.index1List .textRight{margin:0; padding:20px; float:left;}
	.title .H3{font-size:19px;}
	.title .H4{font-size:16px;}
	.title .H3 .ico{width:40px; left: -50px; top:3px;}
	.title{padding-left:50px;}
	.index1List .p{font-size:12px; line-height: 22px; height: 110px; margin: 10px 0;}
}

.index2{background-color:#5d606f; padding-top:95px; position: relative; overflow: hidden;}
.title2 .H3{color:#fff;}
.title2 .H4{color:#fff;}

.index2 .left_img{width:770px; margin-top:55px; z-index:99;}

.index2 .left_img .slick-prev,
.index2 .left_img .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:auto; bottom:63px; }
.index2 .left_img .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%; left:auto; right:74px;}
.index2 .left_img .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%; right:10px;}
.index2 .left_img .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index2 .left_img .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}


.index2 .text{width:100%;   padding:75px 4.9% 85px 4.9%; position: relative; z-index: 1;}
.index2 .text .H4{font-size:36px; color:#fff;}
.index2 .text .p{font-size:16px; color:#fff; line-height: 36px; margin: 53px 0 92px 0; height: 252px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;}
.index2 .text .more{padding-right:10px;}
.index2 .text .more .span{color:#fff; font-size:14px;}
.index2 .text .more .span::after{background-color:#fff; opacity: 0.4; display:none;}




.index2List{width:59.11%; right:0;top:0; position: absolute; height: 100% }
.index2List .slick-dots{width:100%; padding-left:30%;left:0; bottom:50px; text-align: center; font-size:0; text-align:center;}
.index2List .slick-dots li{display:inline-block; vertical-align: bottom; width:12px; height: 12px; border-radius: 50%; background-color:#fff; margin:0 10px; opacity: 0.56;}
.index2List .slick-dots li.slick-active{background-color:#13a3bb; opacity: 1;}
.index2 .text .more:hover .span{color:#5d606f;}
.index2 .text .more:hover .span::after{background-color:#5d606f;}

@media screen and (max-width:1600px){
	.index2 .left_img{width:550px;}
    .index2 .text .more{padding-right:20px;}

}


@media screen and (max-width:1199px){
	.index2{padding-top:50px;}
	.index2 .text{padding:40px 4% 40px 4%;}
	.index2 .text .H4{font-size:28px;}
	.index2 .text .p{font-size:14px; line-height: 24px; height:144px; margin: 20px 0; }
	.index2 .left_img{width:450px;}
    .index2 .text .more{padding-right:30px;}

.index2 .left_img .slick-prev,
.index2 .left_img .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:auto; bottom:17px; }
.index2 .left_img .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%; left:auto; right:74px;}


}
@media screen and (max-width:991px){
	.index2List .slick-dots li{width:8px; height: 8px; margin:0 5px;}
}
@media screen and (max-width:767px){
	.index2{padding-top:20px;}
    .index2 .left_img{width:100%; margin-top:20px;}
	.index2 .text{ padding:20px; width:100%;}
	.index2List{position:relative; width:100%; padding:0 15px;}
	.index2List .list{background:none !important;}
	.index2List .slick-dots{padding-left:0;}
	.index2 .text .H4{font-size:20px;}
	.index2 .text .p{font-size:12px; line-height: 22px; height: 132px; margin: 10px 0;}
    .index2 .text .more{padding-right:26px;}
    .index2 .left_img .slick-prev,
.index2 .left_img .slick-next{width:28px; height: 28px; border-radius: 50%; overflow: hidden; top:auto; bottom:0px; }
.index2 .left_img .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%; left:auto; right:74px;}

}

.index3{padding:100px 0; padding-top:0 !important;}
.index3 .container{ position: relative;}
.index3Margin{margin:0 -13px;}
.index3List{margin-top:25px;}
.index3List .list{width:94.14%; margin: 10px auto; padding:16px 16px 16px 16px; box-sizing: border-box; box-shadow: 0 0 7px rgba(0,0,0,0.05);}
.index3List .pic{width:100%; overflow: hidden;}
.index3List .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}
.index3List .text{padding:27px 7.35% 30px 7.35%;}
.index3List .H4{font-size:20px; color:#333333;}
.index3List .p{font-size:14px; color:#666666; line-height: 24px; margin-top:17px; height:96px; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;}
.index3List .list:hover .pic img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.index3List .list:hover .H4{color:#13a3bb;}
.index3 .more{position:absolute; top:35px; right:150px;}
.index3List .slick-prev,
.index3List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-80px; transform: translate(0);}
.index3List .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}
.index3List .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%;right:15px;}
.index3List .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index3List .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index3List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}
.index3List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.index3List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1199px){
	.index3 .more{top:15px;}
	.index3{padding:50px 0;}
	.index3List .text{padding:15px;}
	.index3List .H4{font-size:18px;}
}
@media screen and (max-width:767px){
	.index3{padding:20px 0 10px 0;}
	.index3List .list{padding:10px;}
	.index3List .text{padding:10px 0 0 0;}
	.index3List .H4{font-size:16px;}
	.index3List .p{font-size:12px; line-height: 22px; height: 88px; margin-top:10px;}
	.index3List .slick-prev,
	.index3List .slick-next{top:-28px; width:28px; height: 28px; background-size:100%;}
	.index3 .more{top:40px; right:15px;}
	.index3List{margin-top:10px; padding-bottom:30px;}
	.index3Margin {margin:0 -5px;}
}

.index4{background-color:#f5f5f5; padding:95px 0 120px 0;}
.index4 .container{ position: relative;}
.index4List{margin-top:35px;}
.index4Margin{margin:0 -15px;}
.index4List .list{width:96.25%; margin: auto;}
.index4List .list .pic{overflow:hidden;}
.index4List .list .pic img{
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.index4List .text{width:83.11%; margin-top:-110px; background-color:#fff; position: relative; z-index: 1; padding:26px 30px 28px 28px;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index4List .text .H4{font-size:20px; color:#333333;}
.index4List .text .p{font-size:16px; color:#333333; margin: 12px 0 28px 0;}
.index4List .text .H5{font-size:14px; color:#333333; opacity: 0.8; display:none;}
.index4List .text .more{margin-top:-15px; opacity: 0;}
.index4List .text .more .span{color:#fff;}
.index4List .text .more .span::after{background-color:#fff; opacity: 0.4;}
.index4List .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.index4List .list:hover .text{background-color:#13a3bb; margin-top:-132px;}
.index4List .list:hover .H4,
.index4List .list:hover .H5,
.index4List .list:hover .p{color:#fff; opacity: 1;}
.index4List .list:hover .more{opacity:1;}
.index4 .container > .more{position:absolute; top:35px; right:150px;}
.index4List .slick-prev,
.index4List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-90px; transform: translate(0);}
.index4List .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}
.index4List .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%;right:15px;}
.index4List .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index4List .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.index4List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}
.index4List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.index4List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1199px){
	.index4{padding:50px 0;}
	.index4List .text .H4{font-size:18px;}
	.index4List .text .p{font-size:14px; margin: 15px 0;}
	.index4List .text{padding:20px; margin-top:-70px;}
	.index4List .list:hover .text{ margin-top:-90px;}
	.index4 .container > .more{top:15px;}
}
@media screen and (max-width:767px){
	.index4{padding:20px 0 10px 0;}
	.index4List .text{width:100%; padding:10px; background-color:rgba(255,255,255,0.7); margin-top:-87px;}
	.index4List .text .H4{font-size:16px;}
	.index4List .text .p{font-size:12px; margin: 10px 0;}
	.index4List .text .H5{font-size:12px;}
	.index4List .slick-prev,
	.index4List .slick-next{top:-38px; width:28px; height: 28px; background-size:100%;}
	.index4 .container > .more{top:40px; right:15px;}
	.index4List{margin-top:20px; padding-bottom:40px;}
	.index4Margin {margin:0 -5px;}
}

.index5{padding:100px 0;}
.index5 .index1List .slick-dots{width:100%; left: 0; bottom:-50px; text-align: center; line-height: 0;}
.index5 .index1List .slick-dots li{display:inline-block; vertical-align: bottom; width:12px; height: 12px; border-radius: 50%; background-color:#b7bec4; margin:0 10px;}
.index5 .index1List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1599px){
	.index5 .index1List .pic{width:40%;}
	.index5 .index1List .textRight{margin-left:40%;}
	.index5 .index1List .p{height:150px; -webkit-line-clamp: 5; margin:10px 0 20px 0;}
}
@media screen and (max-width:1199px){
	.index5{padding:50px 0;}
	.index5 .index1List .textRight{padding:20px 3% 0 3%;}
	.index5 .index1List .p{height:120px;}
}
@media screen and (max-width:991px){
	.index5{padding:50px 0;}
	.index5 .index1List .slick-dots{bottom:0;}
	.index5 .index1List .slick-dots li{width:8px; height: 8px; margin: 0 5px;}
	.index5 .index1List .pic{width:50%;}
	.index5 .index1List .textRight{margin-left:50%;}
	.index5 .index1List .p{height:72px; -webkit-line-clamp: 3;}
}
@media screen and (max-width:767px){
	.index5{padding:20px 0;}
	.index5 .index1List .pic{width:100%;}
	.index5 .index1List .textRight{margin:0; padding:20px;}
}

.index6{padding:100px 0 90px 0;}
.index6 .container{position:relative;}
.index6 .more{position:absolute; top:40px; right:15px;}
.index6 .down{margin-top:45px;}
.inNew1{width:34%; float:left;}
.inNew1 .pic{height:535px;}
.inNew1 .text{padding:24px 6.91% 20px 5.6%; background-color:#9bd5de; position: relative; z-index: 1;}
.inNew1 .text .time{float:left; font-weight:bolder;}
.inNew1 .text .time .H5{font-size:36px; color:#fff; font-weight: bolder; }
.inNew1 .text .time .H6{font-size:14px; color:#fff; margin-top:5px;}
.inNew1 .text .H4{margin:5px 0 0 76px; font-size:20px; color:#fff; line-height: 28px; height: 56px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.inNew1 .text .p{font-size:14px; color:#fff; float:left; width:100%; margin-top:30px;}
.inNew2{width:66%; float:left;}
.inNew2 .list{width:33.33%; position: relative; padding-bottom:345px; float:left;box-sizing: content-box;}
.inNew2 .list2{padding:345px 0 0 0;}
.inNew2 .list .text{position:relative; background-color:#f5f5f5; padding:45px 8.69% 0 8.69%; height: 345px;}
.inNew2 .list .text .time{padding-bottom:25px; border-bottom:1px solid #d9d9d9;}
.inNew2 .list .text .time .H5{font-size:36px; color:#333333; font-weight: bold;}
.inNew2 .list .text .time2 .H5{font-size:24px; color:#333333; font-weight: bold;}
.inNew2 .list .text .time .H6{font-size:14px; color:#333333; margin-top:7px;}
.inNew2 .list .text .H4{font-size:20px; line-height: 28px; height: 56px; margin: 25px 0 10px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.inNew2 .list .text .p{font-size:14px; line-height: 24px; height: 48px; color:#888888;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.inNew2 .list .text .span{width:27px; height: 11px; line-height: 0; position: absolute; bottom:-11px; left: 50%; margin-left:-13.5px;}
.inNew2 .list2 .text .span{ top:-11px; bottom:auto;}
.inNew2 .list .pic{width:100%; height: 345px; position: absolute; bottom:0; left: 0;}
.inNew2 .list2 .pic{ bottom:auto;top:0; left: 0;}
.inNew2 .list:hover .time .H5,
.inNew2 .list:hover .time .H6,
.inNew2 .list:hover .H4{color:#9bd5de;}

@media screen and (max-width:1599px){
	.inNew2 .list .text{height:280px; padding-top:30px;}
	.inNew2 .list{padding-bottom:280px;}
	.inNew2 .list2{padding:280px 0 0 0;}
	.inNew2 .list .pic{height:280px;}
	.inNew1 .pic{height:405px;}
}
@media screen and (max-width:1199px){
	.index6{padding:50px 0;}
	.inNew2 .list .text .time .H5{font-size:30px;}
    .inNew2 .list .text .time2 .H5{font-size:18px;}
	.inNew2 .list .text .time{padding-bottom:10px;}
	.inNew2 .list .text .H4{font-size:18px; margin: 10px 0;}
	.inNew2 .list .text{height:230px; padding-top:20px;}
	.inNew2 .list .pic{height:230px;}
	.inNew2 .list{padding-bottom:230px;}
	.inNew2 .list2{padding:230px 0 0 0;}
	.inNew1 .text .time .H5{font-size:30px;}
	.inNew1 .text .H4{font-size:18px;}
	.inNew1 .text .p{margin-top:10px;}
	.inNew1 .text{padding:20px 5%;}
	.inNew1 .pic{height:329px;}
}
@media screen and (max-width:991px){
	.inNew1 .pic{background:none !important; height: auto;}
	.inNew1{width:42%;}
	.inNew2{width:56%; margin-left:2%;}
	.inNew2 .list{width:100%; padding:0 !important; margin-bottom:20px;}
	.inNew2 .list:last-child{margin-bottom:0;}
	.inNew2 .list .pic{height:auto; width:130px; float:left; position: static;background:none !important;}
	.inNew2 .list .text{margin-left:140px; padding:0; height: auto; background:none;}
	.inNew2 .list .text .time .H5,
	.inNew2 .list .text .time .H6{display:inline-block;}
	.inNew2 .list .text .time{padding:5px 0;}
	.inNew2 .list .text .H4{font-size:14px; line-height: 20px; height: 40px; margin: 5px 0;}
	.inNew2 .list .text .p{font-size:12px; height: 36px; line-height:18px;}
	.inNew2 .list .text .span{display:none;}
	.inNew1 .text .H4{font-size:14px; height: 40px; line-height: 20px; margin: 14px 0 0 65px;}
	.inNew1 .text .p{font-size:12px;}
}
@media screen and (max-width:767px){
	.index6{padding:20px 0;}
	.index6 .down{margin-top:20px;}
	.inNew1{width:100%;}
	.inNew2{width:100%; margin: 20px 0 0 0;}
	.inNew1 .text{padding:20px;}
	.inNew1 .text .time .H5,
	.inNew2 .list .text .time .H5{font-size:20px;}
	.inNew1 .text .H4{margin-top:5px;}
	.inNew2 .list{margin-bottom:10px;}
}

/*bottom*/
.bottom{background-color:#34363f; padding-top:40px;}
.bottom1{/*width:21.97%;*/ float:left; padding:22px 40px 26px 0; border-right:1px solid #494a53;}
.bottom1 .bLogo{width:220px; }
.bAddress{margin:25px 0 32px 0;}
.bAddress .H4{font-size:26px; color:#fff; font-family: Arial; line-height: 40px;}
.bAddress .H5{font-size:14px; color:#fff; line-height: 36px; opacity: 0.6;}
.bShare .list{width:34px; height: 34px; border-radius: 50%; margin-right:10px; background-color:#494a53; position: relative; float:left;}
.bEwm{width:100px; height: 100px; position: absolute; bottom:34px; left: 50%; margin-left:-50px; background-color:#fff; height: 0; overflow: hidden; box-sizing: border-box;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.bEwm .img{width:90px; height: 90px; margin: 5px; display: block;}
/*hover*/
@media screen and (min-width:992px){
	.bShare .list:hover{background-color:#13a3bb;}
   .bShare .list:hover .bEwm{height:100px;}
}
.bottom2{/*width:54.96%;*/ margin-left:40px; float:left;}
.bottom2 .list{float:left; padding-right:40px;}
.bottom2 .list:last-child{padding-right:0;}
.bottom2 .H4{font-size:18px; color:#fff; margin: 39px 0 18px 0;}
.bottom2 a{font-size:14px; color:#fff; line-height: 36px; opacity: 0.6; display: block;}
.bottom2 a:hover{opacity:1;}
.bSearch{width:170px; height: 40px; float:right; background-color:#494a53; margin: 88px 0 0 0;}
.bSearch .bSubmit{width:40px; height: 40px; display: block; float:right;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.bSearch .bInput{margin-right:40px; padding:0 0 0 14px;}
.bSearch .bInput .input{width:100%; height: 40px; display: block; font-size:14px; color:#fff; background:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.bSearch .bInput .input::-webkit-input-placeholder{font-size:14px; color:#fff; opacity: 0.6}  
.bSearch .bInput .input::-moz-placeholder{font-size:14px; color:#fff;opacity: 0.6}                      
.bSearch .bInput .input::-ms-input-placeholder{font-size:14px; color:#fff;opacity: 0.6} 
.bottom3{padding:37px 0 26px 0;}
.bottom3 a{color:#cecece;}
.bottom3 a:hover{color:#13a3bb;}
.bLink{text-align:center;}
.bLink .list{display:inline-block; font-size:14px; color:#fff; opacity: 0.6;}
.bLink .scrollBox,
.bLink .scroll{display:inline-block;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.bLink .i1{margin:0 9.5px; color:#575959;}
.bLink .top .ico{display:none;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.bLink .a:hover{opacity:1;}
.cr{text-align:center;font-size:14px; color:#fff; opacity: 0.6; margin-top:13px; letter-spacing: 1px;}
.cr .br{display:none;}

@media screen and (max-width:1599px){
	.bottom2{margin-left:30px;}
	.bLink .i1{margin:0 8px;}
    .bottom1 .bLogo{width:180px; }
    .bottom2 .H4{font-size:16px;}
    .bottom2 a{font-size:13px;}
    .bottom2 .list:nth-child(8),
    .bottom2 .list:nth-child(9){display:none;}
    .bottom1{padding-right:30px;}
    .bottom2 .list{padding-right:30px;}

}
@media screen and (max-width:1199px){
    .bottom1{padding-right:20px;}
	.bottom1 .bLogo{width:160px;}
	.bAddress .H4{font-size:20px; line-height: 30px;}
	.bAddress .H5{font-size:12px; line-height: 24px;}
    .bottom2{margin-left:20px;}
    .bottom2 .list{padding-right:18px;}
	.bottom2 .H4{font-size:14px;}
	.bottom2 a{font-size:12px; line-height: 24px;}
	.bLink .list,
	.cr{font-size:12px;}
	.bSearch{width:140px; margin-top:70px;}
	.bottom3{padding:20px 0;}
	.bLink .i1{margin:0 5px;}
}
@media screen and (max-width:991px){
	.bShare .list.active{background-color:#13a3bb;}
   .bShare .list.active .bEwm{height:100px;}
	.bottom1{width:30%;}
	.bottom2{width:67%;}
	.bSearch{float:left; margin:40px 0 0 20px;}
	.bLink{width:180px; height: 34px; background-color:#494a53; position: relative; margin: auto;}
	.bLink .top{width:100%; height: 34px; line-height: 34px; padding:0 40px 0 10px; position: relative; text-align: left;}
	.bLink .top .ico{width:20px; height: 20px; position: absolute; top:7px; right:10px; display: block; line-height: 0;}
	.bLink .scrollBox{width:100%; height: 0;overflow-x: hidden; overflow-y: auto; position: absolute; bottom:35px; left: 0; background-color:#494a53;}
	.bLink .scrollBox .scrol{ margin: 10px;}
	.bLink .i1{display:none;}
	.bLink .scrollBox .scrol .a{display:block; line-height: 30px; text-align: left;}
	.bLink.active .scrollBox{height:140px;}
	.bLink .top.active .ico{transform: rotate(180deg);}
    .bottom1{width:100%; padding:0; border:none;}
    .bottom2,
	.bSearch{display:none;}
    .bottom{padding-top:20px;}
	.bottom1 .bLogo{width:120px;}
}
@media screen and (max-width:767px){
	
	
	.bAddress{margin:10px 0;}
	.bAddress .H4{font-size:14px; line-height: 20px;}
	.bAddress .H5{font-size:12px; line-height: 20px;}
	.bShare {text-align:center; padding-top:10px; border-top:1px solid rgba(255,255,255,0.2);}
	.bShare .list{float:none; display:inline-block; margin: 0 4px;}
	.bottom3{padding:10px 0;}
	.cr{font-size:11px;}
	.cr .br{display:block;}
}

.goTop{width:62px; height: 62px; background-color:#13a3bb; border-radius: 50%; position: fixed; z-index: 999; right:2.44%; bottom:30px; cursor: pointer;}
@media screen and (max-width:991px){
	.goTop{width:30px; height: 30px; right:10px;}
}

/*关于我们*/
.bannerBg{width:100%; height: 100%; position: absolute; top:0; left: 0; background:url(/template/default/images/p23.png) center repeat;}
.bannerTextBox{width:100%; left: 0; top:50%; position: absolute; z-index: 1;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.bannerText{padding:0 12.73%;}
.bannerText .H3{font-size:60px; color:#fff; font-family: Arial; text-transform: uppercase; font-style: italic; font-weight: bold;}
.bannerText .H4{font-size:24px; color:#fff; margin: 18px 0 34px 0;}
.bannerText .H5{font-size:16px; color:#fff;}

.bodyBg{background-color:#f5f5f5;}
.bodyPad{padding:0 10.19%;}
.pageNavBox{ position: absolute; z-index: 2; position: absolute; bottom:12.68%; width:100%; left: 0;}
.pageNav{padding:0 12.73%;}
.pageNav a{float:left; width:184px; height: 52px; line-height: 52px; background-color:#13a3bb; margin-right:20px; font-size:16px; color:#fff; text-align: center;}
.pageNav a:last-child{margin-right:0;}
.pageNav a:hover{background-color:#5d606f;}
.pageNav a.hover{background-color:#5d606f;}


@media screen and (max-width:1599px){
	.bannerText{-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);transform: translate(0, -50%);}
	.bannerText,
	.pageNav{padding:0 6%;}
	.bannerText .H3{font-size:50px;}
	.bannerText .H4{margin:10px 0 30px 0;}
}
@media screen and (max-width:1199px){
	.bannerText,
	.pageNav{padding:0;}
	.bannerText .H3{font-size:40px;}
	.bannerText .H4{font-size:20px; margin: 10px 0 20px 0;}
	.pageNav a{width:160px; height: 40px; line-height: 40px; font-size:14px;}
}
@media screen and (max-width:991px){
	.pageNavBox{display:none;}
	.bannerTextBox{-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);}
	.bannerText .H3{font-size:26px;}
	.bannerText .H4{font-size:16px;}
	.bannerText .H5{font-size:12px;}
}

/*内页下拉*/
.babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#f5f5f5;}
.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}
.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:40px; }
.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:12px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}
.pz_SideLayerph{ display:none;  background-color:#f5f5f5;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#337ab7;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

@media screen and (max-width:991px){
	.babyserBox{display:block;}
}

.about1{background-color:#fff; margin: 60px 0 30px 0;}
.about1Text{padding:55px 3.2% 50px 3.2%;}
.about1Text .H4{font-size:30px; color:#333333;}
.about1Text .p{font-size:16px; color:#666666; line-height: 26px; margin: 35px 0;}
.about1Mar{margin:0 -15px;}
.about1List .list{width:92.5%; margin:10px auto; box-shadow: 0 0 14px rgba(0,0,0,0.08);}
.about1List .list .pic{overflow:hidden;}
.about1List .list .pic img{
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.about1List .text{padding:17px 70px 18px 18px; position: relative;}
.about1List .text .H5{font-size:20px; color:#333333;}
.about1List .text .H6{font-size:14px; color:#888888; margin-top:10px;}
.about1List .text .ico{width:38px; height: 38px; border:1px solid #e2e2e2; border-radius: 50%; position: absolute;top:23px; right:20px; background:url(/template/default/images/p24.png) center no-repeat; background-size:100%;}
.about1List .list:hover .text{background-color:#13a3bb;}
.about1List .list:hover .text .H5{color:#fff;}
.about1List .list:hover .text .H6{color:#fff; opacity: 0.8;}
.about1List .list:hover .text .ico{background-image:url(/template/default/images/p25.png); background-color:#9bd5de; border-color:#9bd5de;}
.about1List .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.about1List .slick-prev,
.about1List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; }
.about1List .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%; left:-70px;}
.about1List .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%; right:-70px;}
.about1List .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.about1List .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.about1List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}
.about1List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#d3d3d3; margin:0 5px;}
.about1List .slick-dots li.slick-active{background-color:#13a3bb;}

.about1List2{padding-bottom:90px;}
.about1List2 .list{}
.about1List2 .pic{width:50%; float:right; height: 448px;}
.about1List2 .textL{margin-right:49.9%; padding:52px 3.6% 64px 3.2%; background:url(/template/default/images/j20.jpg) bottom center no-repeat; background-size:cover;}
.pTitle{font-weight:bolder;}
.pTitle .H3{display:inline-block; font-size:32px; color:#fff; font-weight: bold; vertical-align: bottom;}
.pTitle .H4{display:inline-block; font-size:24px; color:#fff; font-family: Arial; text-transform: uppercase; margin-left:8px; font-weight: bolder;}
.about1List2 .H5{font-size:24px; color:#fff; margin: 30px 0 20px 0;vertical-align: bottom;}
.about1List2 .p{font-size:16px; line-height: 36px; color:#fff; height:216px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
.about1List2 .slick-dots{width:100%; left: 0; bottom:40px; text-align: center; line-height: 0;}
.about1List2 .slick-dots li{display:inline-block; vertical-align: bottom; width:12px; height: 12px; border-radius: 50%; background-color:#b7bec4; margin:0 8px;}
.about1List2 .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1599px){
	.bodyPad{padding:0 6%;}
}
@media screen and (max-width:1599px){
	.bodyPad{padding:0;}
	.about1Text{padding:30px 2%;}
	.about1Text .H4{font-size:24px;}
	.about1Text .p{font-size:14px; margin: 15px 0;}
	.about1List .text .H5{font-size:18px;}
	.about1List2 .textL{padding:30px 2%;}
	.pTitle .H3{font-size:26px;}
	.pTitle .H4{font-size:20px;}
	.about1List2 .H5{font-size:20px; margin: 15px 0;}
	.about1List2 .p{font-size:14px;}
	.about1List2 .pic{height:360px;}
}
@media screen and (max-width:991px){
	.about1List2 .slick-dots li{width:8px; height: 8px; margin: 0 5px;}
	.about1{margin:30px 0;}
	.about1List{padding-bottom:25px;}
	.about1List2{padding-bottom:50px;}
	.about1List2 .slick-dots{bottom:20px;}
}
@media screen and (max-width:767px){
	.about1{margin:10px 0;}
	.about1Text{padding:20px 10px;}
	.about1Text .H4{font-size:18px;}
	.about1Text .p{font-size:12px; line-height: 22px;}
	.about1Mar{margin:0 -5px;}
	.about1List{padding-bottom:15px;}
	.about1List .text .ico{display:none;}
	.about1List .text{padding:10px;}
	.about1List .text .H5{font-size:16px;}
	.about1List .text .H6{font-size:12px;}
	.about1List2 .pic{width:100%; height: auto; background:none;}
	.about1List2 .textL{width:100%; float:left; padding:20px 10px; margin: 0;}
	.pTitle .H3{font-size:20px;}
	.pTitle .H4{font-size:16px;}
	.about1List2 .H5{font-size:16px; margin: 10px 0;}
	.about1List2 .p{font-size:12px; line-height: 22px; height: 132px;}
}

.about2{background-color:#fff; padding:40px 3.2%;}
.pTitle2 .H3{color:#333333; font-size:30px; font-weight: normal;}
.pTitle2 .H4{color:#13a3bb;}
.about2HMar{margin:0 -15px;}
.about2HList{}
.about2HList .list{width:92.15%; margin:25px auto auto auto;}
.about2HList .pic{width:100%; height: auto; box-shadow: 0 0 14px rgba(0,0,0,0.08); position: relative;}
.about2HList .pic .imgOn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color:rgba(139,203,168,0.8); transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.about2HList .pic .imgOn .ico{width:38px; height: 38px; display: block; position: absolute; top:50%; left: 50%; margin: -19px 0 0 -19px; line-height: 0;}
.about2HList .H5{text-align:center; font-size:16px; color:#333333; margin:18px 0 28px 0; }
@media screen and (min-width:992px){
	.about2HList .list .listBox:hover .pic .imgOn{transform: scale(1);}
}
.about2HList .slick-prev,
.about2HList .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-30px; transform: translate(0);}
.about2HList .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}
.about2HList .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%;right:15px;}
.about2HList .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.about2HList .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.about2H2{margin-top:33px;}
.about2H2Box{padding:13px 0 40px 0; border-top:2px solid #f5f5f5; position: relative; margin-top:20px;}
.about2H2Box::after{width:1px; height: 100%; background-color:#f5f5f5; content:""; position: absolute; top:0; left: 111px;}
.about2H2List .list{margin-top:30px;}
.about2H2List .time{width:89px; height: 89px; line-height: 89px; border-radius: 50%; font-size:24px; color:#333333; font-family: Arial;font-weight: bold; position: relative; float:left; background-color:#f5f5f5; text-align: center;}
.about2H2List .time .ico{width:33px; height: 22px; right:-33px; top:50%; margin-top:-11px; background:url(/template/default/images/p27.png) center no-repeat; background-size:100%; position: absolute;z-index: 1;}
.about2H2List .textR{margin-left:137px;}
.about2H2List .textR .p{font-size:14px; line-height: 30px; color:#333333; padding:20px; border-radius: 14px; background-color:#f5f5f5; min-height: 100px;}
.about2H2List .list:hover .time{background-color:#13a3bb; color:#fff;box-shadow:0 9px 13px rgba(0,0,0,0.07);}
.about2H2List .list:hover .p{background-color:#13a3bb; color:#fff;box-shadow:0 9px 13px rgba(0,0,0,0.07);}
.about2H2List .list:hover .time .ico{background-image:url(/template/default/images/p28.png);}
.about2H2 .more2{width:158px; height: 48px; display: block; background-color:#13a3bb; line-height: 48px; margin-left:30px; font-size:16px; color:#fff; text-align: center;}
.about2H2 .more2:hover{opacity:0.6;}
.about2HList .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}
.about2HList .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.about2HList .slick-dots li.slick-active{background-color:#13a3bb;}

/*点击查看大图*/
.bigImgBox{width:100%; height: 100%; position: fixed; z-index: 9999; top:0; left: 0; display: none; background-color:rgba(0,0,0,0.5);}
.bigImg{width:40%; position: absolute; top:50%; left: 50%; z-index: 99999;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.bigImg2{ min-height: 100px;}
.closeBox{width:30px; height: 30px; position: absolute; top:-15px; right: -15px; cursor: pointer;}

@media screen and (max-width:1599px){
	.pTitle2 .H3{font-size:26px;}
	.about2{padding:30px 2%;}
}
@media screen and (max-width:1199px){
	.about2{padding:20px 10px;}
	.about2HMar{margin:0 -5px;}
}
@media screen and (max-width:767px){
	.pTitle2 .H3{font-size:20px;}
	.about2HList .H5{font-size:14px; margin: 10px 0 15px 0;}
	.about2H2{margin-top:20px;}
	.about2H2List .time{width:60px; height: 60px;line-height: 60px; font-size:18px;}
	.about2H2List .textR{margin-left:100px;}
	.about2H2Box::after{left:82px;}
	.about2H2List .textR .p{padding:10px; font-size:12px; line-height: 22px; max-height: 140px; overflow-y: auto; border-radius: 6px;}
	.about2H2List .list{margin-top:10px;}
	.about2H2 .more2{width:130px; height: 32px; line-height: 32px; font-size:13px; margin-left:20px;}
	.about2HList{margin-top:0; padding-bottom:20px;}
	.bigImg{width:90%;}
}

.about3{padding:38px 3.2% 30px 3.2%; background-color:#fff; margin:30px 0 60px 0;}
.about3Mar{margin:0 -9px;}
.about3List{padding-top:10px;}
.about3List .list{width:90.9%; margin: auto;}
.about3List .list .pic{ margin: 9px 0; border:1px solid #ececec; box-sizing: border-box; overflow: hidden;}
.about3List .list .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.about3List .slick-prev,
.about3List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-30px; transform: translate(0);}
.about3List .slick-prev{background:url(/template/default/images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}
.about3List .slick-next{background:url(/template/default/images/p8.png) center no-repeat; background-size:100%;right:15px;}
.about3List .slick-prev:hover{background-image:url(/template/default/images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.about3List .slick-next:hover{background-image:url(/template/default/images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}
.about3List .list .pic:hover img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.about3List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}
.about3List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.about3List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1599px){
	.about3{padding:30px 2% 20px 2%;}
}
@media screen and (max-width:1199px){
	.about3{padding:20px 10px 10px 10px;}
}
@media screen and (max-width:991px){
	.about3{margin:30px 0;}
}
@media screen and (max-width:767px){
	.about3List{margin-top:0; padding-bottom:30px;}
	.about3{margin:10px 0 20px 0;}
}

/*产品介绍*/
.productBox{padding-bottom:170px; position: relative;}
.product .list{padding:140px 0;}
.product .list:nth-child(2n){background-color:#fff;}
.product .box{padding:0 12.73%;}
.product .pic{width:42.56%; float:left; overflow: hidden;}
.product .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.product .list:nth-child(2n) .pic{ float:right;}
.product .text{margin-left:42.56%; padding-left:14.52%;}
.product .list:nth-child(2n) .text{margin:0 42.56% 0 0; padding:0 14.52% 0 0;}
.product .H4{font-size:36px; color:#222222; position: relative; padding:27px 0 38px 0;}
.product .H4::after{width:22px; height: 3px; background-color:#13a3bb; content: ""; position: absolute; bottom:0; left: 0;}
.product .p{font-size:18px; color:#666666; line-height: 36px; height: 144px; margin: 12px 0 57px 0; letter-spacing: 1px;
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.product .list .box:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.product .list .box:hover .more .span{color:#13a3bb;}
.product .list .box:hover .more .span::after{background-color:#13a3bb;}
.loading2{width:50px; height: 50px; position: absolute; bottom:60px; left: 50%; margin-left:-25px;}

@media screen and (max-width:1599px){
	.product .box{padding:0 6%;}
	.product .list{padding:100px 0;}
}
@media screen and (max-width:1199px){
	.product .box{padding:0;}
	.product .list{padding:50px 0}
	.product .text{padding-left:8%;}
	.product .H4{font-size:26px; padding:10px 0 20px 0;}
	.product .p{font-size:16px; margin: 10px 0 50px 0;}
}
@media screen and (max-width:991px){
	.product .p{font-size:14px; line-height: 24px; height: 96px; margin: 10px 0 30px 0;}
	.productBox{padding-bottom:100px;}
	.loading{width:30px; height: 30px; bottom:35px; margin-left: -15px;}
	.product .H4{font-size:20px;}
	.loading2{bottom:26px; width:30px; height: 30px;}
}
@media screen and (max-width:767px){
	.product .list{padding:20px 0 10px 0;}
	.product .pic{width:120px; float:left !important;}
	.product .text{margin:0 0 0 130px !important; padding:0 !important;}
	.product .H4{font-size:16px; padding:0 0 10px 0;}
	.product .H4::after{height:2px;}
	.product .p{font-size:12px; line-height: 20px; height: 40px; margin: 5px 0;text-align: justify;-webkit-line-clamp: 2;}
	.product .p br{display:none; }
	.productBox{padding-bottom:70px}
	.dropload-refresh{font-size:14px}
	.dropload-load .loading{width:30px !important; height: 30px !important;}
}

/*产品详情*/
.proDeBox{padding:80px 12.73%;}
.proDeList {width:40.17%; float:left;}
.proDeList .hometop .list{width:100%; overflow: hidden;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; background-color:rgba(0,0,0,0.6); z-index: 9999; display: none;}
.video{width:60%; height: auto; top:50%; left: 50%;  position: fixed; z-index: 99999; display: none;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.video .video2{display:block; width:100%; }
.proDeList .downk{margin:0 -5px;}
.proDeList .homedown{margin-top:10px;}
.proDeList .homedown .list{width:91.66%; margin: auto; box-sizing: border-box; position: relative;}
.proDeList .homedown .list:hover::after{border:3px solid #13a3bb; width:100%; height: 100%; position: absolute; top:0; left: 0; content: "";}
.proDeBox .textRight{width:48.11%; float:left; margin-left:5.12%;}
.proDeBox .textRight .H4{font-size:30px; color:#333333; font-weight: bold; position: relative; padding:20px 0 31px 0;}
.proDeBox .textRight .H4::after{width:20px; height: 3px; content: ""; background-color:#13a3bb; position: absolute; bottom:0; left: 0;}
.proDeBox .textRight .text{font-size:16px; line-height: 24px; margin: 16px 0 30px 0;}
.proDeBox .textRight .p{font-size:16px; color:#333333; line-height: 24px;}
.proDeBox .online{display:block; width:127px; height: 45px; border-radius: 4px; line-height: 45px; text-align: center; background-color:#13a3bb; margin-top:40px; font-size:16px; color:#fff;}
.proDeBox .online:hover{opacity:0.6;}
.proDeBox .down1{margin-top:40px;}
.proDeBox .downTitle{width:100%; height: 60px; line-height: 60px; position: relative; border-bottom:1px solid #d1d1d1; font-size:24px; color:#13a3bb;}
.proDeBox .downTitle::after{width:107px; height: 1px; background-color:#13a3bb; content: ""; position: absolute; bottom:0; left: 0;}
.proDeBox .down1 .p{font-size:16px; color:#666666; line-height: 30px; margin: 28px 0 18px 0;}
.proDeBox .down1 .imgBox .img{width:48.71%; margin-right:2.58%; float:left;}
.proDeBox .down1 .imgBox .img:nth-child(2n){margin-right:0;}
.proDeBox .down2{margin-top:32px;}
.proDeBox .down2 .p{font-size:16px; color:#666666; line-height: 30px; margin-top:23px;}
.proDeBox .down2 .p .dot{font-size:12px; font-family: Arial;}
.proDeBox .down3{margin-top:30px;}
.proDeBox .down3De {margin-top:6px;}
.proDeBox .down3De .list{border-bottom:1px dashed #c4c4c4; padding:15px 0;}
.proDeBox .down3De .list .p{line-height:30px; float:left; width:32%; font-size:16px; color:#666666;}

@media screen and (max-width:1599px){
	.proDeBox{padding:80px 6%;}
	.proDeBox .textRight{width:52%;}
}
@media screen and (max-width:1199px){
	.proDeBox{padding:50px 0;}
	.proDeBox .textRight .H4{font-size:24px; padding:10px 0 20px 0;}
	.proDeBox .textRight .text{font-size:14px; margin: 10px 0;}
	.proDeBox .textRight .p{font-size:14px;}
	.proDeBox .downTitle{font-size:20px;}
	.proDeBox .down1 .p,
	.proDeBox .down3De .list .p,
	.proDeBox .down2 .p{font-size:14px;}
}
@media screen and (max-width:991px){
	.proDeList{width:60%; margin: auto; float:none;}
	.proDeList .downk{margin:0;}
	.proDeBox .textRight{width:100%; float:none; margin: 20px 0 0 0;}
}
@media screen and (max-width:767px){
	.proDeBox{padding:20px 0 30px 0;}
	.proDeList{width:100%;}
	.video{width:90%;}
	.proDeBox .textRight .H4{font-size:18px; padding:0 0 10px 0;}
	.proDeBox .textRight .H4::after{height:2px;}
	.proDeBox .textRight .text,
	.proDeBox .textRight .p{font-size:12px; line-height: 20px; }
	.proDeBox .online{width:100px; height: 30px; line-height: 30px; font-size:13px; margin-top:20px;}
	.proDeBox .down1,
	.proDeBox .down2,
	.proDeBox .down3{margin-top:10px;}
	.proDeBox .downTitle{font-size:16px; height: 40px; line-height: 40px;}
	.proDeBox .down1 .p,
	.proDeBox .down3De .list .p,
	.proDeBox .down2 .p{font-size:12px; line-height: 20px; margin: 10px 0; width:100%;}
	.proDeBox .down3De .list{padding:5px 0;}
	.proDeBox .down3De .list .p{margin:0;}
}

/*解决方案*/
.soluBox{padding:60px 12.73% 80px 12.73%;}
.soluBox .index3List{padding-bottom:33px; margin: 0;}
.soluBox .index3List .list{width:31.62%; float:left; margin:0 2.57% 28px 0; background-color:#fff;}
.soluBox .index3List .list:nth-child(3n){margin-right:0;}
.soluBox .index3List .list .pic .img{padding-bottom:56.17%; position: relative; display: block;}
.soluBox .index3List .list .pic .img img{position:absolute; top:0; left: 0; width:100%; min-height: 100%;}

@media screen and (max-width:1599px){
	.soluBox{padding:60px 6% 80px 6%;}
}
@media screen and (max-width:1199px){
	.soluBox{padding:50px 0;}
}
@media screen and (max-width:767px){
	.soluBox{padding:20px 0 30px 0;}
	.soluBox .index3List{padding-bottom:20px;}
	.soluBox .index3List .list{width:100%; margin: 0 0 10px 0;}
	.soluBox .index3List .pic{width:120px; float:left;}
	.soluBox .index3List .text{margin-left:130px; padding:0;}
	.soluBox .index3List .p{height:44px; -webkit-line-clamp: 2; margin-top:5px;}
}


.paging{text-align:center; font-size:0;}
.paging a{display:inline-block; vertical-align: middle; width:38px; height: 38px; border-radius: 30px; line-height: 36px; text-align: center; font-size:14px; color:#666666; margin: 0 4px; border:1px solid #e1e1e1; box-sizing: border-box; background-color:#fff;}
.paging .pageup{width:100px; background:url(/template/default/images/p32.png) center no-repeat #fff; background-size:100%;}
.paging .pagedown{width:100px; background:url(/template/default/images/p31.png) center no-repeat #fff; background-size:100%;}
.paging .pageup:hover{background-image:url(/template/default/images/p29.png);}
.paging .pagedown:hover{background-image:url(/template/default/images/p30.png);}
.paging .pageup.hover{background-image:url(/template/default/images/p29.png);}
.paging .pagedown.hover{background-image:url(/template/default/images/p30.png);}
.paging a.hover{background-color:#13a3bb; color:#fff; border-color:#13a3bb;}
.paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none; vertical-align: middle;}

@media screen and (min-width:992px){
	.paging a:hover{background-color:#13a3bb; color:#fff; border-color:#13a3bb;}
}

@media screen and (max-width:767px){
	.paging .a{display:none;}
	.paging .aPh{display:inline-block;}
}

/*解决方案详情*/
.soluDeBox .online{margin-top:74px;}
.soluDeBox .down1 .p{font-size:18px; line-height: 36px; margin: 40px 0 60px 0;}
.soluDeBox .imgBox{text-align:center;}
.soluDeBox .down1 .imgBox .img{display:inline-block; float:none; margin: 0; width:auto;}

@media screen and (max-width:1199px){
	.soluDeBox .down1 .p{font-size:14px; line-height: 30px;}
}
@media screen and (max-width:767px){
	.soluDeBox .online{margin-top:20px;}
	.soluDeBox .down1 .p{font-size: 12px;line-height: 20px;margin: 10px 0;}
}

/*用户案例*/
.caseBox{padding: 80px 12.73% 80px 12.73%;}
.caseBox .index4List{padding-bottom:30px; margin: 0;}
.caseBox .index4List .list{width:48.71%; margin: 0 2.58% 30px 0; float:left;}
.caseBox .index4List .list:nth-child(2n){margin-right:0;}
.caseBox .index4List .list .pic .img2{ position: relative;display:block; padding-bottom:56.14%;}
.caseBox .index4List .list .pic .img2 img{position:absolute; top:0; left: 0; width:100%; min-height: 100%;}
.caseBox .index4List .text{width:100%; margin: 0;}
.caseBox .index4List .list:hover .text{margin:0;}

@media screen and (max-width:1599px){
	.caseBox{padding:80px 6%;}
}
@media screen and (max-width:1199px){
	.caseBox{padding:50px 0;}
}
@media screen and (max-width:767px){
	.caseBox{padding:20px 0 30px 0;}
	.caseBox .index4List .list{width:100%; margin: 0 0 10px 0;}
	.caseBox .index4List{padding-bottom:20px;}
}

/*案例详情*/
.caseDeBox{padding:75px 12.73% 140px 12.73%; position: relative;}
.fallMar{margin:58px -15px 0 -15px;}
.falls{width:100%;}
.falls .item{width:100%; margin-bottom:30px;}
.falls > div{width:30.83%; margin:0 1.25%; }
.pageTitle{float:left; width:90%;}
.pageTitle .H4{font-size:30px; color:#333333;}
.caseDeBox .time{font-size:14px; color:#333333; margin-top:24px; line-height: 20px;}
.caseDeBox .time .ico{width:20px; height: 20px; line-height: 0; float:left; margin:-1px 8px 0 0; }
.caseDeBox .backPage{float:right; font-size:14px; color:#777777; line-height:34px; }
.caseDeBox .backPage .ico{width:34px; height: 34px; line-height: 0; background-color:#13a3bb; border-radius: 50%; margin-left:11px; display: block; float:right;}
.caseDeBox .backPage:hover{color:#13a3bb;}
.caseDeBox .down{margin-top:38px; padding-top:35px; border-top:2px solid #13a3bb;}
.caseDeBox .down .p{font-size:18px; line-height: 36px; color:#333333}

@media screen and (max-width:1599px){
	.caseDeBox{padding:75px 6% 140px 6%;}
}
@media screen and (max-width:1199px){
	.caseDeBox{padding:50px 0;}
	.pageTitle{width:85%;}
	.pageTitle .H4{font-size:26px;}
	.caseDeBox .down .p{font-size:14px;}
}
@media screen and (max-width:767px){
	.caseDeBox{padding:20px 0 50px 0;}
	.pageTitle{width:100%;}
	.pageTitle .H4{text-align:center; font-size:20px;}
	.caseDeBox .backPage .ico{width:26px; height: 26px;}
	.caseDeBox .backPage{line-height:26px; margin-top:-22px;}
	.caseDeBox .down{margin-top:20px; padding-top:20px;}
	.caseDeBox .down .p{line-height: 22px;}
	.fallMar{margin:20px 0 0 0;}
	.falls > div{width:48%; margin: 0 1%;}
	.falls .item{margin-bottom:10px;}
	.caseDeBox .loading{bottom:20px;}
}

/*新闻列表*/
.newList{padding-bottom:30px;}
.newList .list{width:31.62%; margin:0 2.57% 30px 0; float:left;}
.newList .list:nth-child(3n){margin-right:0;}
.newList .pic{overflow:hidden;}
.newList .pic .img2{display:block; position: relative; padding-bottom:100%;}
.newList .pic .img2 img{position:absolute; top:0; left: 0; width:100%; height: 100%;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.newList .text{padding:20px 8.1% 15px 8.1%; background-color:#fff;}
.newList .text .time{padding-bottom:10px; border-bottom:#dddddd solid 1px; font-size:14px; color:#333333;}
.newList .text .time .day{font-size:24px; color:#333333; font-weight: bold; font-family: Arial; margin-right:5px;}
.newList .text .H4{font-size:20px; color:#333333; line-height: 28px; height: 56px; margin: 15px 0 10px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newList .text .p{font-size:14px; color:#888888;}
.newList .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.newList .list:hover .text{background-color:#13a3bb;}
.newList .list:hover .time{border-colr:#aedbc2; color:#fff;}
.newList .list:hover .day{color:#fff;}
.newList .list:hover .H4,
.newList .list:hover .p{color:#fff;}

@media screen and (max-width:1199px){
	.newList .text .time .day{font-size:18px;}
	.newList .text .H4{font-size:18px;}
}
@media screen and (max-width:767px){
	.newList .list{width:100%; margin: 0 0 10px 0 !important;}
	.newList .list .pic{width:120px; float:left;}
	.newList .text{padding:9px 5px 9px 10px; margin-left:120px;}
	.newList .text .time{padding-bottom:5px;}
	.newList .text .time .day{font-size:20px;}
	.newList .text .H4{font-size:15px; line-height: 22px; height: 44px; margin: 5px 0;}
	.newList{padding-bottom:20px;}
}

.newDeBox{padding-top:80px; padding-bottom:80px;}
.newDeBox .down .p{font-size:16px; line-height: 30px;}
.newDeBox .down .p .imgBox{text-align:center; margin: 45px 0 40px 0;}
.newDeBox .time{float:left; margin-right:22px;}
.newDeBox .time:nth-child(3){margin-right:0;}
.pageShare{float:left; margin-top:24px;}
.pageShare .H4{float:left; line-height: 20px; font-size:14px; color:#333333; margin: 0 8px 0 35px;}
.pageShare .bdsharebuttonbox{float:left; line-height: 0;}
.pageShare .bdsharebuttonbox a{margin:2px 3px;}

@media screen and (max-width:1199px){
	.newDeBox{padding-top:50px; padding-bottom:50px;}
	.newDeBox .down .p{font-size:14px;}
}
@media screen and (max-width:992px){
	.pageShare{display:none;}
}
@media screen and (max-width:767px){
	.newDeBox{padding-top:20px; padding-bottom:30px;}
	.newDeBox .down .p{line-height:22px;}
	.newDeBox .down .p .imgBox{margin:10px 0;}
}

.pageA{padding:30px 0; margin-top:35px; border-top:1px dashed #ababab;}
.pageA a{font-size:16px; color:#888888; line-height: 30px; display: block; width:100%;}
.pageA a:hover{color:#13a3bb;}

@media screen and (max-width:1199px){
	.pageA {padding:10px 0; margin-top:20px}
	.pageA a{font-size:14px;}
}
@media screen and (max-width:767px){
	.pageA a{font-size:13px;line-height: 24px;}
}

.about_new_box{}
.about_new_box .H2{font-size:18px; color:#13a3bb; padding:15px 0 24px 0; font-weight: bold;}
.about_new li{width:48.71%; margin-right:2.58%; padding:11px 0; border-bottom:1px solid #d7d8d8; float:left;}
.about_new li:nth-child(2n){margin-right:0;}
.about_new li .H5{float:left; font-size:14px; color:#333333; width:80%;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.about_new li .H6{font-size:14px; color:#777777; float:right;}
.about_new li:hover h5{color:#13a3bb;}

@media screen and (max-width:991px){
	.newDetail{padding:50px 0;}
	.about_new li .H5{width:70%;}
}
@media screen and (max-width:767px){
	.about_new_box .H2{font-size:18px; padding:10px 0; }
	.about_new li{width:100%; margin: 0;}
}

.parBox{width:79.61%; margin: 60px auto; background-color:#fff; padding:60px 2.54% 40px 2.54%;}
.parList .list{width:15.38%; margin: 0 1.54% 20px 0; border:1px solid #ececec; float:left;}
.parList .list:nth-child(6n){margin-right:0;}
.parList .list .img2{padding-bottom:53.33%; position: relative; overflow: hidden; display: block;}
.parList .list .img2 img{width:100%; height: 100%; position: absolute; top:0; left: 0;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.parList .list:hover .img2 img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

@media screen and (max-width:1199px){
	.parBox{width:100%; margin: 50px 0;}
}
@media screen and (max-width:767px){
	.parBox{margin: 20px 0 30px 0; padding:20px;}
	.parList .list:nth-child(6n){margin-right:5%;}
	.parList .list{width:30%; margin:0 5% 10px 0;}
	.parList .list:nth-child(3n){margin-right:0%;}
}

/*联系我们*/
.mapBox{position:relative;}
.map{ width:100%; height: 873px;}
#bdmap1{ position: relative; width: 100%; height: 100%;}
.contactBox{width:100%; height: 100%; background-color:rgba(0,0,0,0.2); position: absolute; top:0; left: 0; z-index: 99;}
.addressBox{width:400px; float:left; margin:150px 0 0 12.73%; padding:30px 1.91% 40px 1.91%; box-sizing: border-box; background-color:rgba(255,255,255,0.9); box-shadow: 0 0 10px rgba(0,0,0,0.06);}
.addH2{display:inline-block; position: relative; font-size:30px; color:#323232;}
.addH2::after{width:26px; height: 5px; background-color:#13a3bb; content: ""; position: absolute; bottom:0; right:-37px;}
.addressBox .H3{font-size:24px; color:#13a3bb; font-weight: bold; margin:20px 0 4px 0;}
.addressBox .H4{font-size:14px; color:#13a3bb; font-family: Arial; text-transform: uppercase; letter-spacing: 1px;}
.addressBox .p{font-size:16px; color:#333333; line-height: 24px; margin-top:20px; padding-top:16px; border-top:1px solid #eaeaea;}
.add{padding:5px 0;}
.add .list{padding:10px 0;}
.add .list .ico{width:20px; height: 20px; float:left;}
.add .list .text{margin-left:32px; font-size:16px; line-height: 20px;}
.add .list .text .span1{font-size:16px; color:#666666; line-height: 24px; display: block; width:100%;}
.add .list .text .span2{font-size:24px; color:#333333; }
.addShare .H5{float:left; font-size:14px; line-height: 34px;}
.addShare .bShare .list{background-color:#e5e5e5;}
.addShare .bShare .list:hover{background-color:#13a3bb}

.message{width:400px; float:right; margin:150px 12.73% 0 0; padding:30px 1.91% 40px 1.91%; box-sizing: border-box; background-color:rgba(255,255,255,0.9);box-shadow: 0 0 10px rgba(0,0,0,0.06);}
.message .p{font-size:16px; color:#333333; line-height: 24px; margin: 23px 0 17px 0;}
.messForm .list{margin-bottom:20px; width:100%; padding:9px 18px 9px 0; border:1px solid #e7e7e7; box-sizing: border-box; position: relative; background-color:#fff;}
.messForm .list .H4{font-size:16px; color:#333333; line-height: 24px; padding: 0 20px; border-right:1px dashed #b2b2b2; float:left;}
.messForm .list .inputDiv{margin-left:110px;}
.messForm .list .inputDiv .input{display:block; width:100%; height: 24px;font-size:15px; color:#666; 
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.messForm .list .inputDiv .textarea{display:block; width:100%; height: 100px;font-size:15px; color:#666; border:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.messForm .list .need{font-size:16px; color:#ff0000; position: absolute; top:0; right:10px; line-height: 44px; display: block;}
.messForm .submit{display:block; width:100%; height: 52px; background-color:#13a3bb; border-radius: 30px; font-size:16px; color:#fff;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
}
.messForm .submit:hover{opacity:0.6;}

@media screen and (max-width:1599px){
	.addressBox{margin-left:6%;}
	.message{margin-right:6%;}
}
@media screen and (max-width:1199px){
	.addressBox{margin-left:0;}
	.message{margin-right:0;}
	.addH2{font-size:24px;}
	.addressBox .H3{font-size:20px;}
	.addressBox .p,
	.message .p,
	.add .list .text .span1,
	.messForm .list .H4,
	.messForm .list .inputDiv .input,
	.messForm .list .inputDiv .textarea{font-size:14px;}
}
@media screen and (max-width:991px){
	.addressBox,
	.message{width:48%;}
}
@media screen and (max-width:767px){
	.contactBox{position:static; background:none;}
	.addressBox,
	.message{width:100%; margin-top:20px; padding:20px 10px;}
	.addH2{font-size:20px;}
	.addressBox .H3{font-size:16px; margin-top:10px;}
	.addressBox .H4{font-size:12px;}
	.addressBox .p, .message .p,
	.add .list .text .span1,
	.messForm .list .H4,
	.messForm .list .inputDiv .input,
	.messForm .list .inputDiv .textarea{font-size:13px;}
	.addressBox .p{line-height:22px; margin-top:10px; padding-top:10px;}
	.add,
	.add .list{padding:5px 0;}
	.add .list .text .span1{line-height:22px;}
	.addShare .bShare{float:left; padding: 0;}
	.message .p{margin:10px 0;}
	.messForm .list{margin-bottom:10px;}
	.messForm .submit{height:36px; font-size:13px;}
	.messForm .list .H4{padding:0 8px;}
	.messForm .list .inputDiv {margin-left:74px;}
	.map{height:200px;}
}

/*加盟代理*/
.bodyPad2{padding:0 12.73%;}
.join1{padding:84px 0 74px 0;}
.jTitle1 .H3{font-size:72px; color:#13a3bb; line-height: 70px; display: inline-block; font-weight: bold; vertical-align: top;}
.jTitle1 .H3:nth-child(2){margin-top:43px;}
.jTitle2{margin-top:-113px; line-height: 48px;}
.jTitle2 .p1{font-size:24px; color:#5d606f; font-weight: bold; padding-left:90px; text-transform: uppercase; letter-spacing: 1px; }
.jTitle2 .p2{font-size:24px; color:#5d606f; padding-left:160px;}
.join1List .list{width:22.22%; margin:55px 0 0 11.76%; float:left ; text-align: center;}
.join1List .list:first-child{margin-left:8.29%;}
.join1List .list:nth-child(2){margin-top:-12px;}
.join1List .listT{width:260px; height: 260px; border-radius: 50%; background-color:#cbc08b; position: relative;  padding-top:49px; box-sizing: border-box; margin: auto;}
.join1List .listT::after{width:107%; height: 107%; top:-3.5%; left: -3.5%; border-radius: 50%; border:1px solid #cbc08b; content: ""; position: absolute;}
.join1List .listT .ico{width:61px; height: 61px; line-height: 0; display: block; margin: auto;}
.join1List .listT .H4{font-size:32px; color:#f1eac6 ; margin: 10px 0 20px 0;}
.join1List .listT .H5{font-size:24px; color:#fff;}
.join1List .line{width:5px; height: auto; display: block; margin: -15px auto auto auto; line-height: 0; position: relative; z-index: 1;}
.join1List .down{display:inline-block; text-align: left;}
.join1List .H6{font-size:18px; color:#cbc08b; font-weight: bold; margin: 22px 0 15px 0;}
.join1List .p{font-size:16px; color:#333333; line-height: 30px;}
.join1List .p .dot{font-weight:bold; color:#cbc08b;}
.join1List .list:nth-child(2) .listT{background-color:#8baccb;}
.join1List .list:nth-child(2) .listT::after{border-color:#8baccb;}
.join1List .list:nth-child(2) .listT .H4{color:#bcd7f1;}
.join1List .list:nth-child(2) .H6{color:#8baccb;}
.join1List .list:nth-child(2) .p .dot {color:#8baccb;}
.join1List .list:nth-child(3) .listT{background-color:#13a3bb;}
.join1List .list:nth-child(3) .listT::after{border-color:#13a3bb;}
.join1List .list:nth-child(3) .listT .H4{color:#bef0d5;}
.join1List .list:nth-child(3) .H6{color:#13a3bb;}
.join1List .list:nth-child(3) .p .dot {color:#13a3bb;}

@media screen and (max-width:1599px){
	.bodyPad2{padding:0 6%;}
	.join1List .list:first-child{margin-left:0;}
	.join1List{margin-top:50px;}
	.join1List .list{width:30%; margin:0 1.6%; }
	.join1List .list:nth-child(1),
	.join1List .list:nth-child(3){margin-top:30px;}
}
@media screen and (max-width:1199px){
	.bodyPad2{padding:0;}
	.join1{padding:50px 0;}
	.jTitle1 .H3{font-size:50px; line-height: 50px;}
	.jTitle2 .p1{font-size:20px; padding-left:65px;}
	.jTitle2 .p2{font-size:20px; padding-left:120px;}
	.jTitle1 .H3:nth-child(2){margin-top:30px;}
	.jTitle2{margin-top:-80px; line-height: 30px;}
	.join1List .listT{width:200px; height: 200px; padding-top:30px;}
	.join1List .listT .ico{width:40px; height: 40px;}
	.join1List .listT .H4{font-size:26px;}
	.join1List .listT .H5{font-size:20px;}
	.join1List .H6{font-size:16px; margin: 10px 0;}
	.join1List .p{font-size:14px;}
}
@media screen and (max-width:767px){
	.join1{padding:20px 0;}
	.jTitle1 .H3{font-size:30px; line-height: 34px;}
	.jTitle1 .H3:nth-child(2){margin-top:20px;}
	.jTitle2 {line-height:24px; margin-top:-54px;}
	.jTitle2 .p1{font-size:16px; padding-left:35px;}
	.jTitle2 .p2{padding-left:70px;font-size:16px; }
	.join1List .list{width:100%; margin: 0 0 20px 0 !important;}
	.join1List .line{display:none;}
	.join1List{margin-top:30px;}
	.join1List .listT{width:120px; height: 120px; float:left; padding-top:20px;}
	.join1List .listT .ico{width:28px; height: 28px;}
	.join1List .listT .H4{font-size:18px; margin: 10px 0;}
	.join1List .listT .H5{font-size:14px;}
	.join1List .down{margin-left:130px; display: block;}
	.join1List .H6{font-size:14px;}
	.join1List .p{font-size:12px; line-height: 22px;}

}

.join2{background-color:#fff; padding:75px 0; overflow: hidden;}
.joinMap{width:88.11%; margin: -52px auto auto auto; position: relative; }
.placeBox{width:100%; height: 100%; position: absolute; top:0; left: 0;}
.pla{position:absolute; cursor: pointer;}
.pla .dot{width:10px; height: 10px; display: block; background:url(/template/default/images/p46.png) center no-repeat; background-size:100%;}
.pla .text{position:absolute; top:-17px; left: 20px; width:294px; min-height: 75px; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.14); background-color:rgba(255,255,255,0.8); padding:15px 18px 15px 18px; box-sizing: border-box; display: none;}
.pla .text::after{width:18px; height: 18px; content: ""; position: absolute; top:12px; left: -15px; background:url(/template/default/images/p47.png) center no-repeat; background-size:100%;}
.pla .text .H4{font-size:18px; color:#333333; font-weight: bold; line-height: 30px;}
.pla .text .H5{font-size:14px; color:#333333; line-height: 30px;}
@media screen and (min-width:992px){
	.pla:hover .dot{background-image:url(/template/default/images/p45.png);}
	.pla:hover .text{display:block;}	
}
.pla.hover .dot{background-image:url(/template/default/images/p45.png);}
.pla.hover .text{display:block;}
.pla.hover{z-index: 1;}	
.pla1{top:45%; left: 62.6%;}
.pla2{top:34%; left: 82.3%;}

@media screen and (max-width:1199px){
	.join2{padding:50px 0;}
	.joinMap{width:100%;}
	.pla .text .H4{font-size:14px; }
	.pla .text .H5{font-size:12px;}
}
@media screen and (max-width:991px){
	.joinMap{overflow-y: auto; margin: 0;}
}
@media screen and (max-width:767px){
	.join2{padding:20px 0;}
	.pla .text{width:160px; min-height:inherit; padding:10px;}
	.pla .text .H4{font-size:12px; line-height: 20px}
	.pla .text .H5{font-size:10px; line-height: 20px;}
	.joinMap{margin-top:20px;}
}

.join3{padding:75px 0 80px 0;}
.join3Mar{margin:50px -15px 0 -15px;}
.join3List .list{width:92.5%; margin: auto;}
.join3List .ico{width:120px; height: 120px; border-radius: 50%; border:4px solid #fff; background-color:#13a3bb; display: block; margin: auto; box-sizing: border-box; position: relative; z-index: 1;}
.join3List .text{height:330px; overflow:hidden; background:url(/template/default/images/p48.png) center no-repeat; background-size:100% 100%; padding:70px 9.45% 0 8.1%; margin-top:-50px;}
.join3List .text .H4{text-align:center; font-size:20px; color:#333333; font-weight: bold; position: relative; padding-bottom:22px;}
.join3List .text .H4::after{width:24px; height: 2px; background-color:#d2d2d2;; content: ""; position: absolute; bottom:0; left: 50%; margin-left:-12px;}
.join3List .text .p{font-size:14px; color:#333333; line-height: 24px; margin-top:25px;}
.join3List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}
.join3List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.join3List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1199px){
	.join3{padding:50px 0;}
	.join3List .text .H4{font-size:18px;}
}
@media screen and (max-width:991px){
	.join3List {padding-bottom:20px;}
}
@media screen and (max-width:767px){
	.join3{padding:20px 0;}
	.join3Mar{margin:20px -5px 0 -5px;}
	.join3Mar{width:100%; height: auto;}
	.join3List .ico{width:80px; height: 80px;}
	.join3List .text{margin-top:-40px; padding:50px 10px 10px 10px;  height: auto;}
	.join3List .text .H4{font-size:16px; padding-bottom:10px;}
	.join3List .text .p{font-size:12px; line-height: 20px; height: 60px; overflow-y: auto; margin-top:10px;}
}

.join4{padding:75px 0; background-color:#fff;}
.join4Mar{margin:65px -15px 0 -15px;}
.join4List .list{width:85%; margin: auto;}
.join4List .text1{height:170px; border-radius: 8px; background-color:#cbc08b; text-align: center; padding-top:65px; box-sizing: border-box;}
.join4List .text1 .H4{font-size:24px; color:#fff; font-weight: bold; line-height: 34px;}
.join4List .list2 .text1{height:200px; padding-top:95px;}
.join4List .line{width:29px; line-height: 0; display: block; margin:-15px auto auto auto;}
.join4List .p{font-size:16px; line-height: 30px;}
.join4List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}
.join4List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.join4List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1599px){
	.join4List .text1 .H4{font-size:20px;}
}
@media screen and (max-width:1199px){
	.join4{padding:50px 0;}
	.join4List .text1{height:120px; padding-top:30px;}
	.join4List .list2 .text1{height:150px;padding-top:50px;}
}
@media screen and (max-width:991px){
	.join4List{padding-bottom:20px;}
}
@media screen and (max-width:767px){
	.join4{padding:20px 0;}
	.join4Mar{margin:30px -5px 0 -5px;}
	.join4List .text1 .H4{font-size:16px; line-height: 24px;}
	.join4List .line{width:10px;}
	.join4List .p{font-size:13px; line-height: 22px;}
}

.join5{padding:75px 0 65px 0;}
.join5List{padding-top:20px;}
.join5List .list{width:48.71%; margin:30px 2.58% 0 0; float:left; background-color:#fff; border-radius: 100px;}
.join5List > div:nth-child(2n) .list{margin-right:0;}
.join5List .ico{width:88px; height: 88px; background-color:#13a3bb; border-radius: 50%; float:left; margin: 10px;}
.join5List .text{margin-left:118px; height: 108px; line-height: 108px;}
.join5List .text .p{display:inline-block; font-size:14px; color:#333333; line-height: 24px; vertical-align: middle; padding-right:9.13%;}
.join5List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}
.join5List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}
.join5List .slick-dots li.slick-active{background-color:#13a3bb;}

@media screen and (max-width:1199px){
	.join5{padding:50px 0;}
}
@media screen and (max-width:991px){
	.join5List{padding:50px 0 20px 0;}
	.join5List .list{width:96%; margin: auto;}
}
@media screen and (max-width:767px){
	.join5{padding:30px 0;}
	.join5List{padding:30px 0 20px 0;}
	.join5List .ico{width:50px; height: 50px;}
	.join5List .list{height:70px;}
	.join5List .text{height:70px; line-height: 70px;margin-left:70px;}
	.join5List .text .p{max-height:50px; overflow-y: auto;}
}

.join6{padding:75px 0 80px 0; background-color:#fff;}
.join6List .list{width:218px; height: 218px; border-radius: 50%; background-color:#cbc08b; float:left; margin: 60px 20px 0 0; text-align: center; padding-top:45px; box-sizing: border-box;}
.join6List .list:nth-child(2){background-color:#8baccb;}
.join6List .list:nth-child(3){background-color:#13a3bb;}
.join6List .list:nth-child(4){background-color:#a88bcb;}
.join6List .list:nth-child(5){background-color:#cb8b93;}
.join6List .list:last-child{margin-right:0;}
.join6List .ico{width:51px; height: 51px; margin: auto; display: block;}
.join6List .H4{font-size:20px; color:#fff; font-weight: bold; margin: 10px 0;}
.join6List .p{font-size:14px; color:#fff; line-height: 18px;}

@media screen and (max-width:1599px){
	.join6List .list{width:189px; height: 189px; padding-top:30px;}
}
@media screen and (max-width:1199px){
	.join6{padding:50px 0;}
	.join6List .list{width:176px; height: 176px; padding-top:30px;}
	.join6List .H4{font-size:18px;}
	.join6List .p{font-size:12px;}
}
@media screen and (max-width:991px){
	.join6List{margin-top:30px; text-align:center; font-size: 0;}
	.join6List .list{width:48%; border-radius: 30px; margin: 10px 1% 0 1%; padding:10px; height: auto; float:none; display: inline-block; vertical-align: top; min-height: 125px}
	.join6List .list:last-child{margin-right:1%;}
}
@media screen and (max-width:767px){
	.join6List{margin-top:20px;}
	.join6List .ico{width:30px; height: 30px;}
	.join6List .H4{font-size:16px;}
}

.join7{padding:75px 0 80px 0;}
.pageAdd .addressBox{width:40%; margin: 50px 0 0 0; padding:37px 3.41% 44px 3.41%; }
.pageAdd .message{width:57.26%; margin: 50px 0 0 0;padding:37px 3.41% 62px 3.41%; }
.pageAdd .addH2{padding-bottom:10px;font-size:24px; color:#13a3bb;}
.pageAdd .addH2::after{width:187px; height: 1px; left: 0; bottom:0; opacity: 0.6; }
.pageAdd .map{height:124px; margin-top:25px;}
.pageAdd .map .BMap_stdMpCtrl{display:none;}
.pageAdd .messForm{margin-top:40px;}
.pageAdd .messForm .list .inputDiv .textarea,
.pageAdd .messForm .list .inputDiv .input{height:30px;}
.pageAdd .messForm .list .H4{line-height:30px;}
.pageAdd .messForm .list{padding:15px 0;}
.pageAdd .messForm .list .need{line-height:60px;}

@media screen and (max-width:1199px){
	.join7{padding:50px 0;}
	.pageAdd .addH2{font-size:24px}
}
@media screen and (max-width:991px){
	.pageAdd .map{margin-top:0;}
}
@media screen and (max-width:767px){
	.join7{padding:20px 0 30px 0;}
	.pageAdd .addressBox{width:100%; margin-top:30px;padding: 20px 10px;}
	.pageAdd .message{margin-top:20px; width:100%;padding: 20px 10px;}
	.pageAdd .messForm{margin-top:20px;}
	.pageAdd .messForm .list .H4{line-height:24px;}
	.pageAdd .messForm .list .inputDiv .textarea, 
	.pageAdd .messForm .list .inputDiv .input{height:24px;}
	.pageAdd .messForm .list{padding:5px 0;}
	.pageAdd .addH2{font-size:20px}
	.pageAdd .messForm .list .need{line-height:38px;}
}

/*右漂浮*/
.f_r_box{position:fixed; top:50%; right:0px; margin-top:-185px; z-index: 99999;}
.f_r{padding:20px 0; border-radius: 12px 0 0 12px; background-color:rgba(48,48,48,0.8); width:55px;}
.fEwm{width:0; height: 87px; position: absolute; top:50%; margin-top:-42px; right:57px; background-color:#13a3bb; border-radius: 6px; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.fEwm .span{width:87px; height: 87px; padding:5px; display: block; box-sizing: border-box;}
.f_r li{cursor:pointer; position: relative;}


.frNum .p{font-size:14px; color:#fff; line-height: 16px; margin-top:8px;}
.frNum{position:absolute; top:0; right:-280px;height: 100%;background-color:#13a3bb;width:280px; overflow: hidden; border-radius: 8px 0 0 8px;
		-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.frNum .frNumIco{float:left; width:55px;}
.frNum .p{font-size:14px; color:#fff; line-height: 16px; margin-top:8px;}


.frNum2{width:160px;}
.frNum2 .p{line-height:55px; margin: 0;}
@media screen and (min-width:992px){
	.f_r li:hover .frNum{right:0}
	.f_r li:hover{background-color:#13a3bb}
	.f_r li:hover .fEwm{width:87px;}
	.f_r li:hover .imgNone{opacity:0;}
	.f_r_box .c_close{display:none;}
}
.f_r_box .c_close{width:26px; height: 26px; position: absolute; bottom:-50px; left:50%; margin-left:-13px; z-index: 999;  border-radius: 50%; cursor: pointer;}
@media screen and (max-width:991px){
	.f_r{display:none;}
	.f_r li .frNum1{display:none;}
	.f_r_box{bottom:100px; right:10px; top:auto;}
	.f_r li.hover .frNum{right:0}
	.f_r li.hover{background-color:#13a3bb}
	.fEwm{right:40px;}
	.f_r li.hover .fEwm{width:87px;}
	.f_r{width:40px; padding:10px 0;}
	.f_r_box .c_close{bottom:-30px;}
	.frNum .frNumIco{width:40px;}
	.frNum .p{font-size:12px;  margin-top:3px;}
}	
	

.bottomNavBox{height:60px; display: none;}
.bottomNav{position:fixed; bottom: 0; left: 0; width:100%; background-color:#13a3bb;height: 60px; z-index: 999999;}
.bottomNav .list{width:25%; float:left; border-right:1px solid rgba(255,255,255,0.1); box-sizing: border-box; padding:8px 0; text-align: center;}
.bottomNav .list:last-child{border-right:none;}
.bottomNav .list .ico{width:24px; height: 24px; line-height: 0; display: block; margin: auto;}
.bottomNav .list .H5{font-size:13px; margin-top:5px; color:#fff;}

@media screen and (max-width:767px){
	.bottomNavBox{display: block;}
}


/* 20200408修改开始 */
/* 头部导航 */
.sub.sub2{ width: 100%; left: 0; margin-left: 0; padding: 40px 0; text-align: left; box-shadow: inset 0 0 10px #ccc; background: rgba(255,255,255,0.95);}
.sub.sub2 .l2{ width: 25%; float: left;}
.sub.sub2 .l2 .tit{ margin-bottom: 15px; color: #373841; font-weight: bold; position: relative;}
.sub.sub2 .l2 .tit::before{ content: ""; width: 3px; height: 15px; background: #13a3bb; position: absolute; left: -13px; top: 3px;}
.sub.sub2 .l2 .tit a{ font-size: 18px; line-height: 20px; padding: 0; color: #373841;}
.sub.sub2 .l2 .tit a:hover{ background-color: transparent!important;}
.sub.sub2 .l2 .a{ font-size: 16px; line-height: 36px; padding: 0; color: #555;}
.sub.sub2 .l2 .a:hover{ color: #13a3bb; background-color: transparent!important;}
@media screen and (max-width:1199px){
.menu .nli span > a .i1{ padding: 0 4px;}
}
/* 底部二维码 */
.bSearch{ margin: 35px 0 0 0;}
.xz_ewm{ width: 124px; margin: 0 auto;}
.xz_ewm .img{ width: 100%; line-height: 0; margin: 33px auto 12px auto;}
.xz_ewm .wz{ font-size: 16px; color: #fff; opacity: 0.6; text-align: center;}
@media screen and (max-width:1599px){
.bSearch{ width: 155px;}
}
@media screen and (max-width:1199px){
.bSearch{ width: 125px;}
.xz_ewm .wz{ font-size: 14px;}
}
@media screen and (max-width:991px){
.bSearch{ float: right; margin: 0; display: block; background-color: transparent;}
.bSearch form{ display: none;}
.bottom1{ width: 50%; float: left;}
}
@media screen and (max-width:767px){
.bottom1{ width: 100%; float: none;}
.bSearch{ width: 100%; float: none; margin: 0 auto; height: auto;}
.xz_ewm .img{ margin: 10px auto 5px auto;}
}
/* 荣誉资质 */
.mt60{ margin-top: 60px; margin-bottom: 50px;}
.xz_rymt{ margin-bottom: 60px;}
.ryList{ width: 102%; margin: 10px -1% -20px -1%; overflow: hidden;}
.ryList .list{float: left; width:23%; margin: 20px 1%;}
.ryList .pic{width:100%; height: auto; box-shadow: 0 0 14px rgba(0,0,0,0.08); position: relative;}
.ryList .pic .imgOn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color:rgba(139,203,168,0.8); transform: scale(0); display:none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.ryList .pic .imgOn .ico{width:38px; height: 38px; display: block; position: absolute; top:50%; left: 50%; margin: -19px 0 0 -19px; line-height: 0;}
.ryList .H5{text-align:center; font-size:16px; color:#333333; margin:18px 0 0 0; }
@media screen and (max-width:1599px){
.ryList{ width: 100%; margin: 10px 0 -20px 0;}
}
@media screen and (min-width: 992px){
.ryList .list .listBox:hover .pic .imgOn { transform: scale(1);}
}
@media screen and (max-width:991px){
.mt60{ margin-top: 20px; margin-bottom: 20px;}
.xz_rymt{ margin-bottom: 20px;}
.ryList{ margin: 10px 0 -10px 0;}
.ryList .list{ margin: 10px 1%;}
}
@media screen and (max-width:767px){
.ryList .H5{font-size:14px; margin: 10px 0 0 0;}
.ryList .list{width: 46%; margin: 5px 2%;}
}
/* 2产品介绍 */
/* pc */
.xz_nynav{ width: 100%; background: #fff; padding: 30px 0 35px 0;}
.xz_nynav .con{ padding: 0 12.73%;}
.xz_nynav .u1{ margin: -10px; width: 100%; overflow: hidden;}
.xz_nynav .l1{ float: left; margin: 10px; padding: 0 20px; height: 44px; line-height: 44px; font-size: 16px; background: #e2e2e2;}
.xz_nynav .l1 .a{ color: #333;}
.xz_nynav .l1.on,.xz_nynav .l1:hover{ background: #2bc5de;}
.xz_nynav .l1.on a,.xz_nynav .l1:hover a{ color: #fff;}
@media screen and (max-width:1599px){
.xz_nynav .con{ padding: 0 6%;}
}
@media screen and (max-width:1199px){
.xz_nynav .con{ padding: 0;}
.xz_nynav .l1{ margin: 5px 10px; padding: 0 10px; height: 34px; line-height: 34px; font-size: 14px;}
}
@media screen and (max-width:991px){
.xz_nynav{ display: none;}
}
/* wap */
.pz_SideLayerph.xz_nav .l1 h3 .a{ position: relative;}
.pz_SideLayerph.xz_nav .l1 h3.active a { color: #13a3bb;}
.pz_SideLayerph.xz_nav .l1 h3 .a b{position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #999 solid 1px; border-right: #999 solid 1px; margin-top: -5px; cursor: pointer; transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.pz_SideLayerph.xz_nav .l1 h3 .a.active b { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); margin-top: -7px;}
.pz_SideLayerph.xz_nav .ul2{ display: none;}
.pz_SideLayerph.xz_nav .ul2.active{ display: block; padding-bottom: 10px;}
.pz_SideLayerph.xz_nav .ul2 li{ font-size: 10px; padding-left: 15px;}
.pz_SideLayerph.xz_nav .ul2 a{ color: #333!important; line-height: 24px;}

/* 20200408修改结束 */
.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;*+margin-left:30px;}

.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}

.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{color:#000;padding: 3px 8px; display:block;}

.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}